<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../templates/ui.xhtml">

	<ui:define name="content">

		<h1 class="title ui-widget-header ui-corner-all">Separator</h1>
		<div class="entry">
			<p>Separator displays a horizantal line when used as a standalone component. Separator can also 
            be used with menus and toolbar to separate items.</p>

            <h3>Default Separator</h3>
            <p:separator />

            <h3>Custom Size</h3>
            <p:separator style="width:500px;height:20px" />

			<h3>Source</h3>
			<p:tabView>
				<p:tab title="separator.xhtml">
                    <pre name="code" class="xml">
&lt;h3&gt;Default Separator&lt;/h3&gt;
&lt;p:separator /&gt;

&lt;h3&gt;Custom Size&lt;/h3&gt;
&lt;p:separator style="width:500px;height:20px" /&gt;	
                    </pre>
				</p:tab>
			</p:tabView>


		</div>

	</ui:define>
</ui:composition>
